// 
// css3属性 浏览器前缀
// 

// 阴影
@mixin box-shadow($value) {
  -webkit-box-shadow:$value;
  box-shadow:$value;
}

// 垂直渐变
@mixin grad-v($start-color: #555, $end-color: #333, $start-pos: 0%, $end-pos: 100%) {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop($start-pos, $start-color), color-stop($end-pos, $end-color));
  background-image: -webkit-linear-gradient(top, $start-color $start-pos, $end-color $end-pos);
  background-image: linear-gradient(to bottom, $start-color $start-pos, $end-color $end-pos);
  background-repeat: repeat-x;
}

// 水平渐变
@mixin grad-h($start-color: #555, $end-color: #333, $start-pos: 0%, $end-pos: 100%) {
  background-image: -webkit-gradient(linear, left center, right center, color-stop($start-pos, $start-color), color-stop($end-pos, $end-color));
  background-image: -webkit-linear-gradient(left, color-stop($start-color $start-pos), color-stop($end-color $end-pos)); 
  background-image: linear-gradient(to right, $start-color $start-pos, $end-color $end-pos);
  background-repeat: repeat-x;
}